import React, { useState } from 'react';

// SFC ( Stateless Function Component ) X
// react hooks 让function组件可以有状态
export default function () {

    // hooks在组件中的用法
    // 面试考hooks和class有啥不同  你觉得哪个好
    // hooks 方便函数式编程
    // hooks 没有this干扰 对于新手来说 减少了找this的时间
    // hooks 使变量自己管理自己
    // hooks 可以封装状态逻辑
    
    const [count, setCount] = useState(0);

    return (
        <div>
            { count }
            <button onClick={ () => setCount(count + 1) }>+1</button>
        </div>
    );

}
